/* Xarus.net Stylesheet */

body{

background: #FFFFFF url(../images/bg.jpg) repeat-x;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 14px;

color: #666;

margin: 0;

padding: 0;

}

#wrap{

width: 950px;

margin: 0px auto;

border-top: #FFFFFF 0px solid;

border-left: #FFFFFF 0px solid;

border-bottom: #FFFFFF 0px solid;

border-right: #FFFFFF 0px solid;

}

*{

margin: 0px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-right: 0px;

}

img{

display: block;

border-top-width: 0px;

border-left-width: 0px;

border-bottom-width: 0px;

border-right-width: 0px;

}

.clear{

clear: both;

height: 1px;

width: 100%;

line-height: 1px;

font-size: 1px;

}

div > .clear{

height: 15px;

}

a{

color: #069;

}

a:hover{

color: #06f;

}

/* Blue Bar */

#bluebar{

background-image: url(../images/blue_bar_bg.jpg);

height: 60px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-right: 0px;

}

#logo{

float: left;

width: 175px;

}

#logo a{

display: block;

overflow: hidden;

background: url(../images/blue_bar_logo.jpg);

height: 60px;

width: 175px;

text-indent: -9000px;  

text-decoration: none;

margin: 0px 0px 0px 0px; 

}

#navbar{

background-image: url(../images/blue_bar_fg.jpg);

height: 60px;

width: 553px;

float: left;

padding: 0px 0px 0px 0px;

}

#navbar ul{

float: left;

list-style-type: none;

}

#navbar ul li{

float: left;

margin: 22px 0px 0px 20px;

display: block;

overflow: hidden;

height: 15px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 13px;

color: #FFBF0F;

text-decoration: none;

}

#navbar ul li a{

display: block;

overflow: hidden;

height: 15px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 13px;

color: #FFFFFF;

text-decoration: none;

}

#navbar ul li a:hover{

display: block;

overflow: hidden;

height: 15px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 13px;

color: #FFBF0F;

text-decoration: none;

}

#search{

background-image: url(../images/blue_bar_fg.jpg);

height: 47px;

float: left;

width: 192px;

padding-top: 13px;

padding-right: 15px;

padding-bottom: 0px;

padding-left: 15px;

}

#search ul{

float: left;

list-style-type: none;

}

#search ul li{

float: left;

margin: 0px 0px 0px 0px;

}

.auto_complete{

float: left;

margin: 0px 0px 0px 0px;

}

.search-textarea-2{

float: left;

height: 0px;

width: 0px;

display: block;

overflow: hidden;

}

.search-textarea{

background: url(../images/form_search_bg.jpg);

float: left;

height: 15px;

width: 175px;

border: 0px;

border-color: transparent;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color: #FFFFFF;

text-decoration: none;

padding-top: 8px;

padding-right: 9px;

padding-bottom: 10px;

padding-left: 9px;

}

/* Black Bar */

#blackbar{

background-image: url(../images/black_bar_bg.jpg);

height: 36px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-right: 0px;

}

#subnavbar{

height: 36px;

width: 475px;

float: left;

padding: 0px 0px 0px 0px;

}

#subnavbar ul{

float: left;

list-style-type: none;

}

#subnavbar ul li{

float: left;

margin: 11px 0px 0px 20px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color: #626262;

}

#subnavbar ul li a{

display: block;

overflow: hidden;

height: 15px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color: #FFFFFF;

text-decoration: none;

}

#shoutouts-text{

height: 36px;

width: 475px;

float: left;

padding: 0px 0px 0px 0px;

}

#shoutouts-text .recent-shoutouts{

display: block;

overflow: hidden;

height: 15px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color: #626262;

text-decoration: none;

margin: 11px 0px 0px 20px;

}

/* Shoutouts Block */

#shoutouts-block{

float: left;

height: 80px;

width: 950px;

}

#shoutouts-block #so-bg-img{

background-image: url(../images/shoutouts_bg.jpg);

float: left;

width: 75px;

height: 80px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-right: 0px;

}

#shoutouts-block #so-bg-img img{

padding-top: 16px;

padding-left: 19px;

padding-bottom: 0px;

padding-right: 0px;

}

#shoutouts-block #so-bg{

background-image: url(../images/shoutouts_bg.jpg);

float: left;

width: 400px;

height: 80px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-right: 0px;

}

#shoutouts-block #so-bg ul{

float: left;

list-style-type: none;

margin: 20px 0px 0px 16px;

}

#shoutouts-block #so-bg ul li{

float: left;

}

.shoutouts-textarea{

background: url(../images/form_shoutouts_bg.jpg);

float: left;

height: 13px;

width: 303px;

border: 0px;

border-color: transparent;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color: #FFFFFF;

text-decoration: none;

margin: 13px, 15px, 0px, 15px;

padding-top: 12px;

padding-right: 9px;

padding-bottom: 13px;

padding-left: 9px;

}

.shoutouts-button{

background: url(../images/form_shoutout_submit.jpg);

float: left;

height: 38px;

width: 38px;

border: 0px;

border-color: transparent;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1px;

color: transparent;

text-decoration: none;

margin: 13px, 15px, 0px, 15px;

}

#shoutouts-block-feed{

height: 80px;

width: 475px;

float: left;

padding: 0px 0px 0px 0px;

}

#shoutouts-block-feed #recent-shoutouts-feed{

display: block;

overflow: hidden;

height: 58px;

width: 435px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color: #626262;

text-decoration: none;

margin: 11px 20px 11px 20px;

}

#shoutouts-block-feed #recent-shoutouts-feed a{

float: left;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

text-decoration: none;

color: #FFBF0E;

}

/* Page Content Block */

#content-pri-frame{

float: left;

background: #FFFFFF;

width: 950px;

}

#content-pri-frame-gener{

float: left;

background: #FFFFFF;

width: 910px;

padding: 20px 20px 20px 20px;

}

#content-pri-frame-gener .pri-title{

display: block;

overflow: hidden;

height: 22px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: none;

font-size: 15px;

color: #263E7C;

text-decoration: none;

margin: 0px 0px 0px 0px;

padding: 0px 0px 7px 0px;

border-bottom: #E5E5E5 1px solid;

}

/* Left Block */

#content-pri-frame-left{

float: left;

background: #FFFFFF;

width: 224px;

border-right: #EBEEF5 1px solid;

}

#content-pri-frame-left-id{

background: url(../images/left_block_id_bg.jpg);

float: left;

width: 224px;

height: 60px;

border-bottom: #EBEEF5 1px solid;

}

#content-pri-frame-left-id .member-name{

display: block;

overflow: hidden;

height: 22px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 15px;

color: #263E7C;

text-decoration: none;

margin: 12px 0px 0px 15px;

}

#content-pri-frame-left-id .member-status{

display: block;

overflow: hidden;

height: 15px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#777777;

text-decoration: none;

margin: 0px 0px 0px 15px;

}

#content-pri-frame-left-common{

float: left;

width: 224px;

border-bottom: #EBEEF5 1px solid;

}

#content-pri-frame-left-common .gen-title{

float: left;

display: block;

overflow: hidden;

height: 13px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#263E7C;

text-decoration: none;

margin: 10px 0px 10px 15px;

}

#content-pri-frame-left-common .gen-sub-title{

float: left;

display: block;

overflow: hidden;

width: 140px;

height: 13px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#777777;

text-decoration: none;

margin: 0px 0px 10px 20px;

}

#content-pri-frame-left-common .gen-sub-title-2{

float: right;

display: block;

width: 50px;

overflow: hidden;

height: 11px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#777777;

text-decoration: none;

margin: 0px 10px 12px 0px;

}

#content-pri-frame-left-common .per-box{

display: block;

overflow: hidden;

width: 177px;

height: 7px;

text-decoration: none;

margin: 0px 0px 12px 20px;

border: #263E7C 1px solid;

}

#content-pri-frame-left-common img{

height: 5px;

margin: 1px 1px 1px 1px;

}

#content-pri-frame-left-common .spacer{

float: right;

display: block;

width: 200px;

height: 5px;

margin: 0px 0px 0px 0px;

}

/* Center Block */

#content-pri-frame-center{

float: left;

background: #FFFFFF;

width: 500px;

}

#content-pri-frame-center .pri-title{

display: block;

overflow: hidden;

width: 460px;

height: 22px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: none;

font-size: 15px;

color: #263E7C;

text-decoration: none;

margin: 15px 20px 0px 20px;

padding: 0px 0px 7px 0px;

border-bottom: #E5E5E5 1px solid;

}

#content-pri-frame-center .ann-date{

display: block;

overflow: hidden;

width: 450px;

height: 13px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#C2C2C2;

text-decoration: none;

margin: 8px 20px 0px 30px;

}

#content-pri-frame-center .ann-mess{

display: block;

width: 450px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#777777;

text-decoration: none;

margin: 4px 20px 0px 30px;

}

#content-pri-frame-center .ann-auth{

display: block;

overflow: hidden;

width: 450px;

height: 13px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color: #263E7B;

text-decoration: none;

margin: 4px 20px 0px 30px;

}

/* Right Block */

#content-pri-frame-right{

float: left;

background: #FFFFFF;

width: 224px;

border-left: #EBEEF5 1px solid;

}

#content-pri-frame-right-common{

float: left;

width: 224px;

border-bottom: #EBEEF5 1px solid;

}

#content-pri-frame-right-common .gen-title{

float: left;

display: block;

overflow: hidden;

height: 20px;

width: 200px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 15px;

color:#263E7C;

text-decoration: none;

margin: 10px 0px 8px 15px;

}

#content-pri-frame-right-common .gen-sub-title{

float: left;

display: block;

overflow: hidden;

width: 110px;

height: 13px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#777777;

text-decoration: none;

margin: 0px 0px 10px 20px;

}

#content-pri-frame-right-common .gen-sub-title-2{

float: left;

display: block;

width: 40px;

overflow: hidden;

height: 11px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#777777;

text-decoration: none;

margin: 0px 10px 10px 10px;

}

#content-pri-frame-right-common .gen-sub-title-3{

float: left;

display: block;

width: 20px;

overflow: hidden;

height: 11px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#777777;

text-decoration: none;

margin: 0px 10px 10px 0px;

}

#content-pri-frame-right-common .spacer{

float: right;

display: block;

width: 200px;

height: 5px;

margin: 0px 0px 0px 0px;

}

/* Footer */

#footer {

float: left;

display: block;

overflow: hidden;

BACKGROUND: url(../images/footer_bg.jpg) repeat-x;

width: 950px;

height: 50px;

font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 11px;

color:#FFFFFF;

margin: 20px 0px 0px 0px;

}

#fLeft {

float: left; 

font-size: 0.9em;

width: 450px; 

padding-right: 10px;

padding-left: 20px;

padding-top: 9px;

padding-bottom: 6px;

}

#fLeft p {

padding-right: 0px;

padding-left: 0px;

padding-top: 0px;

padding-bottom: 5px;

}

#fLeft strong {

font-size: 1.1em;

}

#fRight {

float: right; 

font-size: 0.9em;

text-align: right;

width: 330px;

padding-right: 20px;

padding-left: 10px;

padding-top: 10px;

padding-bottom: 10px;

}

#footer a {

color: #FFFFFF;

}

#footer a:hover {

color: #000;

text-decoration: none;

}

/* Test Area */